@extends('layouts.app')

@section('content')
<style>
    body{
        background: url(/img/30.png) no-repeat top center;
        height: 900px;
        /*overflow: hidden;*/
    }
    .w383{
        width: 361px;
        margin: 0 auto;
    }
    .login{
        position: relative;
        top: 354px;
    }
    .login li{
        margin-bottom: 1px;
        width: 315px;
        height: 14px;
        padding:16px 10px 14px 35px
    }
    .login li.one{
        background: url(/img/28.png) no-repeat;
    }
    .login li.two{
        background: url(/img/27.png) no-repeat;
    }
    .but{
        margin-top: 34px;
    }
    input{
        border: 0;
        width: 323px;
        height: 20px;
    }
    .login li input:focus{
        outline: 0 solid #AFECAB;
    }
    .login li input::placeholder{
        font: 14px '微软雅黑';
        color: #c1c1c1;
    }
    .login li.cur{
        display: inline-block;
        font: 14px '微软雅黑';
        color: rgb(66, 64, 64);
        margin-left: 10px;
        position: relative;
        top: -29px;
        right: -360px;
        margin-bottom: 0;
        width: auto;
        height: 14px;
        padding: 0;
    }
    .but{
        display: block;
        background: url(/img/29.png);
        height: 46px;
        width: 361px;
        position: relative;
        top: 333px;
    }
</style>
<div class="w383">
    <form method="POST" action="{{ route('login') }}">
        @csrf

        <ul class="login">
            <li class="one">
                <label>
                    <input type="text" name="username" value="{{ old('username') }}" autofocus placeholder="用户名">
                </label>
            </li>

            <li class="cur">@error('username'){{ $message }}@enderror</li>

            <li class="two">
                <label>
                    <input type="password" name="password" autocomplete="current-password" placeholder="密&nbsp;&nbsp;&nbsp;码">
                </label>
            </li>

            <li class="cur">@error('password'){{ $message }}@enderror</li>

        </ul>
        <input type="submit" class="but" value="">
    </form>
</div>
@endsection
